<template>
    <div>

        <div class="wrapper">
            <header></header>
            <div class="head">确认订单</div>
            <div class="address">地址</div>
            <hr>
            <div class="order">订单</div>

            <footer>
                <div class="total">总计</div>
                <router-link to="./affirm">提交订单</router-link>
            </footer>
        </div>
    </div>
</template>

<script setup>

</script>

<style lang="scss" scoped>
* {
    margin: 0;
    padding: 0;
}

.wrapper {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;

    header {
        width: 100%;
        height: .2rem;
        background-color: aliceblue;
    }

    .head {
        width: 100%;
        height: .65rem;
        background-color: aliceblue;
        text-align: center;
        line-height: .65rem;
        font-size: .16rem;
    }

    .address {
        width: 3.39rem;
        height: 1.11rem;
        background-color: aliceblue;
        margin: 0 auto;
    }
hr{
    border: .16rem solid white;
}
    .order {
        width: 3.39rem;
        height: 2.22rem;
        background-color: aliceblue;
        margin: 0 auto;
    }

    footer {
        height: .49rem;
        background-color: aliceblue;
        display: flex;
        flex-direction: row;
        // position: relative;
        position: absolute;
        left: 0;
        right: 0;
        bottom: 0;

        div {
            flex: 1;
        }
    }
}
</style>